<script src="js/mantenimiento/mantenimiento.usuario.js"></script>

<table width='98%' border='0' cellspacing='0' cellpadding='0'>
    <tr>

        <td style="vertical-align: bottom;"><br/>
            <div id='divTitulo'>&nbsp;&nbsp; Mantenimiento de Usuarios</div>
        </td>
    </tr>
    <tr><td  style=" vertical-align: top;"><hr></td></tr>
    <tr>
        <td>
            <center>
                <table width='98%' border='0' id='FiltroTabla'>
                    <tr>
                        <td>&nbsp;&nbsp; Usuario :</td>
                        <td><input type='text' id='txtUsuarioSearch' placeholder='Ingrese Nombre' /></td>
                        <td> Nombre :</td>
                        <td><input type='text' id='txtNombreCompletoSearch' placeholder='Ingrese Direccion' size="50"/></td>
                        <td>
                            <button id='btnBuscarUsu'>Buscar 
                            </button> 
                            &nbsp;&nbsp;
                            <button id='btnLimpiarUsu' >Limpiar 
                            </button> 
                        </td>
                    </tr>
                </table>
            </center>       
        </td>
    </tr>
    <tr><td style='height: 40px; vertical-align:bottom;'>
            <div style="float: right;">
               <img src='images/botones/nuevo.png' alt="Registrar nuevo usuario." title="Registrar nuevo almacen." id="btnNuevoUsu"/>&nbsp;
                <img src='images/botones/edit.png' alt="Modificar datos del usuario." title="Modificar datos del almacen" id="btnEditarUsu"/>&nbsp;
                <img src='images/botones/delete.png' alt="inhabilitar usuario." title="Eliminar almacen."  id="btnEliminarUsu"/>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <center>
                <div id="lista"  style="  width:95%;">
                    <table id="grid"></table>
                    <div id="pager"></div>
                </div>
            </center>
        </td>
    </tr>

    <tr><td style='height: 30px; '></td></tr>
</table>

<div title="Registro de Nuevo Usuario" id="ModalNeoUsu">
    <br>
    <table width='98%' border='0' id='FiltroTablaPop'>
        <tr>
            <td> Nombre :</td>
            <td colspan="5"><input type='text' id='txtNombrePerUsu' class="requerido" maxlength='45'/></td>
        </tr>
        <tr>
            <td> Apellido Paterno :</td>
            <td><input type="text" id="txtApePaternoUsu" maxlength="20"/></td>
            <td> Apellido Materno :</td>
            <td><input type="text" id="txtApeMaternoUsu" maxlength="20"/></td>
            <td> Sexo :</td>
            <td><select id="lstEstadoUsu"></select></td>
        </tr>
        <tr>
            <td> Direccion :</td>
            <td colspan="3"><input type="text" id="txtDireccionUsu" maxlength="60" size="77"/></td>
            <td> DNI :</td>
            <td><input type="text" id="txtDniUsu" maxlength="8"/></td>
        </tr>
        <tr>
            <td> Fecha de Nacimiento :</td>
            <td><input type="text" id="txtFechaNacUsu"/></td>
            <td> Telefono :</td>
            <td><input type="text" id="txtTelefonoUsu" maxlength="15"/></td>
            <td> E-Mail :</td>
            <td><input type="text" id="txtEmailUsu" maxlength="50"/></td>
        </tr>
        <tr>
            <td colspan="6"><hr></td>
        </tr>
        <tr>
            <td> Usuario :</td>
            <td colspan="5"><input type="text" id="txtLoginUsu" maxlength="15"/></td>
        </tr>
        <tr>
            <td> Contrase&#241;a :</td>
            <td><input type="password" id="txtPassUsu"/></td>
            <td> Confirmar Contrase&#241;a :</td>
            <td colspan="3"><input type="password" id="txtPassConfUsu"/></td>
        </tr>
    </table>
    <table width='98%' border="0" id="FiltroAviso">
        <tr>
            <td align="center"><div id='aviso'></div></td>
        </tr>
    </table>
</div>

<div title="Modificar Usuario" id="ModalEdiUsu">
    <br>
    <table width='98%' border='0' id='FiltroTablaPop'>
        <tr>
            <td> Nombre :</td>
            <td colspan="5"><input type='text' id='txtNombrePerUsuEdi' class="requerido" maxlength='45'/></td>
        </tr>
        <tr>
            <td> Apellido Paterno :</td>
            <td><input type="text" id="txtApePaternoUsuEdi" maxlength="20"/></td>
            <td> Apellido Materno :</td>
            <td><input type="text" id="txtApeMaternoUsuEdi" maxlength="20"/></td>
            <td> Sexo :</td>
            <td><select id="lstEstadoUsuEdi"></select></td>
        </tr>
        <tr>
            <td> Direccion :</td>
            <td colspan="3"><input type="text" id="txtDireccionUsuEdi" maxlength="60" size="77"/></td>
            <td> DNI :</td>
            <td><input type="text" id="txtDniUsuEdi" maxlength="8"/></td>
        </tr>
        <tr>
            <td> Fecha de Nacimiento :</td>
            <td><input type="text" id="txtFechaNacUsuEdi"/></td>
            <td> Telefono :</td>
            <td><input type="text" id="txtTelefonoUsuEdi" maxlength="15"/></td>
            <td> E-Mail :</td>
            <td><input type="text" id="txtEmailUsuEdi" maxlength="50"/></td>
        </tr>
        <tr>
            <td colspan="6"><hr></td>
        </tr>
        <tr>
            <td> Usuario :</td>
            <td colspan="5"><input type="text" id="txtLoginUsuEdi" maxlength="15"/></td>
        </tr>
        <tr>
            <td> Contrase&#241;a :</td>
            <td><input type="password" id="txtPassUsuEdi"/></td>
            <td> Confirmar Contrase&#241;a :</td>
            <td colspan="3"><input type="password" id="txtPassConfUsuEdi"/></td>
        </tr>
    </table>
    <table width='98%' border="0" id="FiltroAviso">
        <tr>
            <td align="center"><div id='avisoEdit'></div></td>
        </tr>
    </table>
</div>